<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <link href="https://cdn.bootcdn.net/ajax/libs/Buttons/2.0.0/css/buttons.css" rel="stylesheet">
    <!-- 新 Bootstrap5 核心 CSS 文件 -->
    <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/5.1.1/css/bootstrap.min.css">
    <title>学校概述</title>
</head>

<body>

    <!-- 导航栏 -->
    <nav class="navbar navbar-expand-lg bg-dark navbar-dark  shadow
        fixed-top ">
        <div class="container">
            <img width="30" src="./log/01.png" class="w-5 d-none d-md-block img-thumbnail logimg" id="#logimg">
            <a href="#" class="navbar-brand">广西科技师范学院</a>
            <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navmenu">
                <span class="navbar-toggler-icon"></span>
            </button>
            <div class="collapse navbar-collapse" id="navmenu">
                <ul class="navbar-nav ms-auto">

                    <li class="nav-item">
                        <a class="nav-link" href="./default.html">首页</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="./default-schoolinfo.html">学校概况</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="./default-shcoolorganization.html">组织机构</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="./default-school_tecaher.html">师资队伍</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="./default-school_studen.html">人才培养</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="./default-school_recrui.html">人才招聘</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="./default_school_ifpucle.html">信息公开</a>
                    </li>

                    <li class="nav-item dropdown">
                        <a class="nav-link dropdown-toggle" href="#" id="navbardrop" data-bs-toggle="dropdown">
                            校园文化
                        </a>
                        <div class="dropdown-menu">
                            <a class="dropdown-item" href="./default-shcool_yb.html">易班</a>
                            <a class="dropdown-item" href="./default-school_vx.html">微信</a>
                            <a class="dropdown-item" href="./default-school_wb.html">微博</a>
                        </div>
                    </li>
                </ul>



                <form class="d-flex">
                    <input class="form-control my-lg-0" type="search" placeholder="" aria-label="Search">
                    <button class="btn btn-outline-success" type="submit">Search</button>
                </form>

            </div>
    </nav>

    <!-- //顶部图片 -->
    <div>
        <img width="100%" height="180" src="./img/list_banner01.jpg">
    </div>
    <div class="box">
        <div class="box-hbg">
            <div class="box-lbox">
                <div class="lbox-title">师资队伍</div>
                <div class="lbox-content">
                    <div class="c-item">
                        <p>
                            教授风采
                        </p>
                    </div>
                    <div class="c-item_son">
                        <p>
                            教学团队
                        </p>
                    </div>
                    <div class="c-item_son">
                        <p>
                            骨干教师
                        </p>
                    </div>

                </div>
            </div>
            <div class="box-header">
                <div class="h-left">教授风采</div>
                <div class="h-right">

                    <nav style="--bs-breadcrumb-divider: '>';" aria-label="breadcrumb">
                        <ol class="breadcrumb">
                            <li class="breadcrumb-item"><a href="./default.html">首页</a></li>
                            <li class="breadcrumb-item active" aria-current="page">师资队伍</li>
                            <li class="breadcrumb-item active" aria-current="page">教授风采</li>
                        </ol>
                    </nav>

                </div>
            </div>
        </div>


        <div class="b-content">

            <div class="b-content_text">
                <h2>教授风采 </h2>
            </div>

            <br>

            <div class="b-content_text_size">


                <img width="55%" src="./img/jiaoshou1.jpg">
                <p>
                    张鹏，男，汉族，1967年11月生，湖南醴陵人，1986年6月加入*****，1988年7月参加工作，研究生学历，博士学位，二级教授。上海交通大学、西安建筑科技大学博士生导师。曾任广西工学院土木工程系教师、系主任助理、系副主任、党总支副书记。2000年6月任广西工学院党委组织部代副部长、副部长。2002年1月任广西工学院土木建筑工程系主任。2009年7月任*****副院长。2010年7月任广西工学院副院长、鹿山学院院长（其间2010年5月至2011年10月挂任广西北海市副市长）。2014年1月任柳州师范高等专科学校校长,2015年10月任命为广西科技师范学院院长。2020年8月任命为广西科技师范学院党委书记。曾荣获广西壮族自治区科技进步三等奖、广西教学成果三等奖、广西壮族自治区优秀教育工作者并记个人二等功广西高校八桂先锋行先进
                </p>

                <br>

                <img width="55%" src="./img/jiaoshou2.jpg">
                <p>
                    杨杰，男，汉族，1971年8月生，四川宣汉人。现任广西科技师范学院校长，法学博士，教授，硕士研究生导师。1994年于桂林电子工业学院获工学学士学位，2003、2017年于中山大学获法学硕士、博士学位。曾任桂林电子工业学院辅导员、分团委书记、师资科科长、团委书记、计算机系党总支副书记、桂林电子科技大学思想政治理论课教学部主任等职，2009年经广西面向海内外公开选拔领导干部任梧州学院副校长，2012年任桂林旅游高等专科学校校长，2015年任桂林航天工业学院副校长，2020年8月任现职。2004年晋升副教授、2008年破格晋升教授。先后创建了桂林电子工业学院大学生创新实践基地、梧州学院大学生综合发展中心、桂林旅游学院桂洛国际酒店管理学院、桂林航天工业学院航天品质培育中心等原创性知名育人平台，提出了大学生道德教育多角色体验法、大学生社会参与法、事件教育法等原创性立德树人方法，是广西高校创新教育、创业教育、立体化立德树人的创新者、开拓者、示范者。《大学生创新实践基地的建设与实践研究》（排名第一）2005年获国家级教学成果二等奖，《大学生社会参与法在地方院校立德树人中的探索与实践》（排名第一）等三项成果获广西高等教育优秀教学成果一等奖，《大学生道德教育多角色体验法》（独著）获广西社科优秀成果奖。近年来，已先后为广西、浙江、上海、山东、广东、贵州等党政机关、国有大型企业、高等学校、高级研修班讲学和做专题报告200余场。
                </p>
                <br>
                <img width="55%" src="./img/jiaoshou3.jpg">
                <p>
                    蓝海，男，1966年6月生，广西大化县人，*****，毕业于广西大学法学院民商法专业，硕士，教授，注册律师。曾任柳州财经学校教师、学生科副科长、团委书记、学生科科长；1999年4月起历任柳州财经学校副校长、校长；2005年12月任柳州师范高等科学校南校区管理委员会副主任；2006年4月任柳州师范高等专科学校财经系主任党总支书记；2009年7月任柳州师范高等专科学校党委委员副校长，2015年10月任命为广西科技师范学院副院长。曾获自治区财政系统先进个人等荣誉称号；现为广西经济法协会副会长；主讲《经济法》及法律相关课程，主持区级课题三项，参与区级课题八项，公开发表论文二十多篇；组织参与编著《中国银行法》获自治区社科优秀成果二等奖。
                </p>
                <br>
                <img width="55%" src="./img/jiaoshou4.jpg">
                <p>
                    梁梅，女，汉族，1963年10月生，广西贵港人，硕士研究生毕业，教育学教授，硕士研究生导师，主要研究方向为高等教育管理。曾任广西师范学院教务处高等教育研究室副主任、成人教育学院副院长、教务处副处长、招生就业处处长、教务处处长兼实验教学与设备管理中心主任，2015年任广西科技师范学院副院长。主持和参加国家社科基金项目、全国教育科学规划课题等国家级和省部级项目20多项，在省级以上刊物公开发表论文30多篇，其中有11篇在《中国高等教育》、《中国大学教学》等国家级高等教育类核心期刊和权威期刊上发表，出版著作7部，研究成果先后获广西高等教育自治区级教学成果特等奖1项、一等奖2项，广西社会科学研究优秀成果一等奖1项。
                </p>
                <br>



            </div>


        </div>
        
    </div>
    <style>
        .box {
            position: absolute;
        }

        .box-lbox {
            height: 560px;
            width: 230px;
            background-color: rgb(229, 229, 229);
            position: absolute;
            left: 40px;
            top: -40px;
        }

        @media (max-width: 1300px) {

            .box-lbox {

                /* display: none; */

            }

        }

        .lbox-title {
            height: 88px;
            background-color: #008f40;
            text-align: center;
            font-size: 30px;
            color: #ffffff;
            line-height: 88px;
        }

        .lbox-content {
            padding: 20px 0;

        }

        .c-item {
            height: 44px;
            background: #ffffff;
            margin: 0 0 20px 20px;
            text-align: left;
            font-size: 18px;
            border-left: 2px double #008f40;
        }

        .c-item_son {
            height: 44px;
            background: rgb(229, 229, 229);
            margin: 0 0 20px 20px;
            text-align: left;
            font-size: 18px;

        }

        .box-hbg {
            width: 100%;
            height: 48px;
            background-color: #e5e5e5;
            position: relative;

        }

        .box-header {
            height: 48px;
            width: 1380px;
            float: right;
            margin-top: 10px;
        }

        .h-left {
            float: left;
            font-size: 20px;
            color: #008f40;
            margin-top: -1px;
        }

        .h-right {
            float: right;
            margin-right: 180px;
        }

        .b-content {
            width: 80%;
            float: right;
            text-align: center;
        }

        .b-content_text {
            width: 80%;
            margin-top: 100px;
        }
    </style>

    <!-- 最新的 Bootstrap5 核心 JavaScript 文件 -->
    <script src="https://cdn.staticfile.org/twitter-bootstrap/5.1.1/js/bootstrap.min.js"></script>
</body>

</html>

<style>
    .test {
        display: flex;
    }

    .box_do {
        background-color: rgb(229, 229, 229);
        width: 288px;
        height: 480px;
    }

    .text_car {
        position: absolute;
        bottom: 55%;
        text-align: left;
        background-color: rgb(255, 255, 255);
        margin-left: 30px;
        width: 300px;
        font-size: 20px;
        border-left: 2px double rgb(0, 143, 64);
    }

    .box_d {
        width: 200px;
        border: 1px solid red;
        float: right;


    }

    .b-content_text_size {
        text-align: center;
        margin-right: 100px;
        line-height: 2.4
    }
</style>



<script>
    // window.onresize = function () {
    //     document.getElementById("info_jb51_net").innerHTML =
    //         "宽度：" + document.documentElement.clientWidth +
    //         "，高度：" + document.documentElement.clientHeight;
    //     var obj = document.getElementsByClassName("box-lbox");

    //     if (document.documentElement.clientHeight < 1200) {
    console.log('不要偷看我控制台你把持不住' + "%c+",
        `font-size: 1px;
  padding: 122px 217px;
  background-image: url(https://qn.doutub.com/16244483759822.jpg);
  background-size: contain;
  background-repeat: no-repeat;
  color: transparent;`);
    // }


    // }
</script>